

<template>

    <div class="mechine dd-column ">
        <div class="mechineName dd-row">{{mechine.name}}
            <div style='color:red;'> {{mechine.id}} </div> 号
        </div>
        <div class="dd-row dd-h-2side content">
            <div>月售 {{mechine.monthSale}}</div>
            <div>距离：{{mechine.distance}}m</div>
        </div>
        <div class='content'>位置：{{mechine.placeAddress}}</div>
    </div>

</template>
<script>
export default {
  props: ["mechine"],
  data() {
    return {};
  }
};
</script>

<style scoped>
/* mechine  */
.mechine {
  z-index: 100;
  background: #000;
  padding: 10pt;
  color: wheat;
  font-size: 12pt;
  font-weight: normal;
}
.mechine .mechineName {
  font-size: 12pt;
  font-weight: bold;
}
.mechine .content {
  font-size: 10pt;
  margin-top: 5pt;
  color: #fff;
}
</style>
